<template>
	<u-gap height="20"></u-gap>
	<view class="u-p-l-28 u-p-r-28 u-rela">
		<view class="bgw box-radius u-p-28 u-m-b-20">
			<view class="u-flex">
				<image src="/static/images/icon-address.png" mode="widthFix" style="width: 42upx;"></image>
				<view class="u-flex-1 u-m-l-20">
					<view class="u-font-32">
						<text>朱延兴</text>
						<text class="u-m-l-28">13218744186</text>
					</view>
					<u-gap height="10"></u-gap>
					<view class="u-content-color">
						广西北流市迎宾路58号海洋家属楼119号
					</view>
				</view>
				<u-icon label-pos="left" name="arrow-right" color="#BBBBBB" size="30"></u-icon>
			</view>
		</view>
		<view class="box-radius bgw u-m-b-20">
			<view class="u-flex u-p-28">
				<image src="/static/images/icon-ti.png" mode="widthFix" style="width: 42upx;"></image>
				<view class="u-flex-1 u-m-l-20">
					<view class="u-font-32">
						<text>自提店铺名称(圆通店)</text>
					</view>
					<u-gap height="10"></u-gap>
					<view class="u-content-color">
						盘龙区圆通街永乐巷20号
					</view>
				</view>
				<u-icon label-pos="left" name="arrow-right" color="#BBBBBB" size="30"></u-icon>
			</view>
			<u-line></u-line>
			<view class="u-p-l-28 u-p-r-28 u-p-t-10 u-p-b-10">
				<view class="u-flex u-p-t-10 u-p-b-10">
					<view class="u-flex-1">
						提货人
					</view>
					<view class="">
						提货人
					</view>
				</view>
				<view class="u-flex u-p-t-10 u-p-b-10">
					<view class="u-flex-1">
						提货电话
					</view>
					<view class="">
						13025229524
					</view>
				</view>
			</view>

		</view>
		<view class="bgw box-radius u-p-l-28 u-p-r-28 u-m-b-20">
			<item v-for="(v,i) in 2">
				<template v-slot:right>
					<view class="">
						x1
					</view>
				</template>
			</item>
		</view>
		<view class="bgw box-radius u-p-28 u-m-b-20">
			<view class="u-flex u-m-b-20">
				<view class="u-content-color u-flex-1">
					商品金额
				</view>
				<view class="">
					￥1314
				</view>
			</view>
			<view class="u-flex u-m-b-20">
				<view class="u-content-color u-flex-1">
					运费
				</view>
				<view class="">
					￥1314
				</view>
			</view>
			<view class="u-flex">
				<view class="u-content-color u-flex-1">
					合计金额
				</view>
				<view class="color-primary">
					￥1314
				</view>
			</view>
		</view>
		<view class="bgw box-radius u-p-28 u-m-b-20">
			<view class="u-m-b-20">
				订单信息
			</view>
			<view class="u-flex u-m-b-20">
				<view class="u-content-color u-flex-1">
					订单状态：
				</view>
				<view class="">
					待支付
				</view>
			</view>
			<view class="u-flex u-m-b-20">
				<view class="u-content-color u-flex-1">
					订单编号：
				</view>
				<view class="">
					3924723752352
				</view>
			</view>
			<view class="u-flex u-m-b-20">
				<view class="u-content-color u-flex-1">
					创建时间：
				</view>
				<view class="">
					2024-10-12 08:12:45
				</view>
			</view>
			<view class="u-flex">
				<view class="u-content-color u-flex-1">
					订单备注：
				</view>
				<view class="">
					无
				</view>
			</view>
		</view>
	</view>
	<u-gap height="150"></u-gap>
	<!-- <view class="fixed-bottom bgw u-border-bottom">
			<view class="u-flex u-p-t-20 u-p-b-20 u-p-l-28 u-p-r-28" style="width: 100%;">
				<view class="u-flex-1">
					<text>合计：</text>
					<text style="font-weight: bold;" >￥</text>
					<text style="font-weight: bold;" class="u-font-40">0</text>
				</view>
				<u-button :loading="loading" @click="submit" shape="circle" class="btn-grey u-m-l-30">取消订单</u-button>
				<u-button :loading="loading" @click="submit" type="primary" shape="circle" class="u-m-l-30">立即支付</u-button>
			</view>
	</view> -->
	<view class="fixed-bottom bgw u-border-bottom">
		<view class="u-flex u-p-t-20 u-p-b-20 u-p-l-28 u-p-r-28" style="width: 100%;">
			<view class="u-flex-1"></view>
			<u-button :loading="loading" @click="popupShow = true" type="warning" shape="circle"
				class="u-m-l-30">物流信息</u-button>
			<u-button :loading="loading" @click="receive" type="primary" shape="circle" class="u-m-l-30">确认收货</u-button>
			<u-button @click="navLogin('/pagesSub/orderEvaluate/orderEvaluate')" type="primary" shape="circle"
				class="u-m-l-30">去评价</u-button>

		</view>
	</view>
	<u-popup v-model="popupShow" mode="center" border-radius="20">
		<view style="width: 640upx;">
			<view class="u-p-l-34 u-p-r-34 u-p-t-50 u-p-b-10">
				<view class="u-m-b-26">
					物流信息
				</view>
				<view class="u-content-color u-m-b-14">
					快递公司：邮政快递
				</view>
				<view class="u-flex u-content-color" @click="copy('1')">
					<view class="u-m-r-20">快递编号：5324786489102</view>
					<image src="/static/images/icon-copy.png" mode="aspectFit" style="width: 28upx;height: 28upx;">
					</image>
				</view>
			</view>

			<view class="u-p-40">
				<u-button @click="popupShow = false" :custom-style="customStyle" type="warning"
					shape="circle">确定</u-button>
			</view>
		</view>
	</u-popup>
</template>

<script setup>
	import store from '@/store/index.js'; //需要引入store
	import mixins from '@/common/js/mixins.js';
	import {
		ref,
		reactive,
		computed,
		getCurrentInstance
	} from 'vue'
	import {
		onReady,
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	const {
		proxy,
	} = getCurrentInstance()
	const {
		baseImgUrl
	} = proxy
	const {
		nav,
		navLogin,
		modal
	} = proxy.$util;
	const customStyle = {
		height: '72upx',
		lineHeight: '72upx'
	}
	const userInfo = computed(() => store.state.$userInfo)
	const isLogin = computed(() => {
		return store.getters.get_isLogin
	})
	const list = reactive([
		1, 2, 3
	])
	const popupShow = ref(false)
	const copy = () => {


	}
	// 确认收货
	const receive = () => {
		modal('确认收货？').then(() => {
			// uni.showLoading({
			// 	title: '加载中',
			// 	mask: true
			// });
			// proxy.$u.api.userRentPutAway({
			// 	status: status,
			// 	rent_house_id: props.detail.rent_house_id
			// }).then(res => {
			// 	let {
			// 		code,
			// 		msg,
			// 		data
			// 	} = res;
			// 	if (code == 200) {
			// 		modal({
			// 			content: msg,
			// 			showCancel: false
			// 		})
			// 	} else {
			// 		modal({
			// 			content: msg,
			// 			showCancel: false
			// 		})
			// 	}
			// })
		}).catch(() => {

		})
	}

	onReady(() => {

	})
	onLoad((d) => {

	})
	onShow(() => {

	})
</script>
<style lang="scss" scoped>
	.fixed-bottom {
		background-color: #ffffff;
		box-shadow: 0 -4upx 20upx 0 rgba(0, 0, 0, 0.06);
		bottom: 0;
		z-index: 999;
	}
</style>